<template>
  <div class="home">
   
  </div>
</template>

<script>
// @ is an alias to /src
import { watchEffect,ref,reactive } from 'vue';
export default {
  name: 'Home',
  components: {
    
  },
  setup(props) {
    //  const count = ref(0);
    //  const data = reactive({num:10});
    //  const obj = {age:18}
    //  watchEffect(()=>{ // 注意：当setup 被调用的时候 watchEffect会自动执行一次 (不需要传入具体的监听值，没有旧的值，只有变化后的值)
    //   //  console.log(count.value) // 这里的值会被打印两次，0，1
    //   // console.log('watchEffect');

    //   // watchEffect 不能直接监听对象值的变化 (也不能监听普通的对象的变化)
    //   console.log(obj.age);
    // })
    // setTimeout(() => {
    //   count.value++
    //   data.num++
    //   obj.age++
    //   // -> logs 1
    // }, 1000)
  }
}
</script>
